<template>
  <div class="right">
    <div class="">
      <div class="py-2 text-2xl">属性配置</div>
    </div>
    <ElForm v-if="formConfig">
      <ElFormItem>
        <ElInput v-model="formConfig.__config__.label"></ElInput>
      </ElFormItem>
    </ElForm>
  </div>
</template>

<script lang="ts" setup name="Right">
import { isReactive } from "vue";
import { ElForm, ElFormItem, ElInput } from "element-plus";
import { useCurrentConifgItem } from "../observer";

const formConfig = useCurrentConifgItem();

console.log(formConfig.value);
</script>
<style lang="less" scoped>
.right {
  width: 260px;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding-left: 12px;
}

.text-2xl {
  border-bottom: 1px solid #d9d9d9;
}
</style>
